import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'Home',
        component: () => import('../layout/index.vue'),
        redirect: '/drag',
        children: [
            {
                path: 'sf',
                name: 'Sf',
                component: () => import('../views/sf.vue')
            }, {
                path: 'sf-step',
                name: 'SfStep',
                component: () => import('../views/sf-step.vue')
            }, {
                path: 'sf-drag',
                name: 'SfDrag',
                component: () => import('../views/sf-drag.vue')
            }, {
                path: 'sf-search',
                name: 'SfSearch',
                component: () => import('../views/sf-search.vue')
            }, {
                path: 'sf-autocomplete',
                name: 'SfAutocomplete',
                component: () => import('../views/sf/autocomplete.vue')
            }, {
                path: 'sf-cascader',
                name: 'SfCascader',
                component: () => import('../views/sf/cascader.vue')
            }, {
                path: 'sf-cascaderPanel',
                name: 'SfCascaderPanel',
                component: () => import('../views/sf/cascaderPanel.vue')
            }, {
                path: 'sf-checkbox',
                name: 'SfCheckbox',
                component: () => import('../views/sf/checkbox.vue')
            }, {
                path: 'sf-colorPicker',
                name: 'SfColorPicker',
                component: () => import('../views/sf/colorPicker.vue')
            }, {
                path: 'sf-datePicker',
                name: 'SfDatePicker',
                component: () => import('../views/sf/datePicker.vue')
            }, {
                path: 'sf-input',
                name: 'SfInput',
                component: () => import('../views/sf/input.vue')
            }, {
                path: 'sf-inputNumber',
                name: 'SfInputNumber',
                component: () => import('../views/sf/inputNumber.vue')
            }, {
                path: 'sf-radio',
                name: 'SfRadio',
                component: () => import('../views/sf/radio.vue')
            }, {
                path: 'sf-rate',
                name: 'SfRate',
                component: () => import('../views/sf/rate.vue')
            }, {
                path: 'sf-select',
                name: 'SfSelect',
                component: () => import('../views/sf/select.vue')
            }, {
                path: 'sf-slider',
                name: 'SfSlider',
                component: () => import('../views/sf/slider.vue')
            }, {
                path: 'sf-switch',
                name: 'SfSwitch',
                component: () => import('../views/sf/switch.vue')
            }, {
                path: 'sf-text',
                name: 'SfText',
                component: () => import('../views/sf/text.vue')
            }, {
                path: 'sf-timePicker',
                name: 'SfTimePicker',
                component: () => import('../views/sf/timePicker.vue')
            }, {
                path: 'sf-timeSelect',
                name: 'SfTimeSelect',
                component: () => import('../views/sf/timeSelect.vue')
            }, {
                path: 'sf-transfer',
                name: 'SfTransfer',
                component: () => import('../views/sf/transfer.vue')
            }, {
                path: 'sf-tree',
                name: 'SfTree',
                component: () => import('../views/sf/tree.vue')
            }, {
                path: 'sf-upload',
                name: 'SfUpload',
                component: () => import('../views/sf/upload.vue')
            }, {
                path: 'st',
                name: 'St',
                component: () => import('../views/st.vue')
            }, {
                path: 'sv',
                name: 'Sv',
                component: () => import('../views/sv.vue')
            }, {
                path: 'send',
                name: 'Send',
                component: () => import('../views/send.vue')
            }, {
                path: 'mock-test',
                name: 'MockTest',
                component: () => import('../views/mock/test.vue')
            }, {
                path: 'dialog',
                name: 'Dialog',
                component: () => import('../views/dialog/index.vue')
            }, {
                path: 'drawer',
                name: 'Drawer',
                component: () => import('../views/drawer/index.vue')
            }, {
                path: 'grid-layout',
                name: 'GridLayout',
                component: () => import('../views/grids/grid-layout.vue')
            }, {
                path: 'grid-layout2',
                name: 'GridLayout2',
                component: () => import('../views/grids/grid-layout2.vue')
            }, {
                path: 'test2',
                name: 'Test2',
                component: () => import('../views/grids/test2.vue')
            }
        ]
    }, {
        path: '/drag',
        component: () => import('../views/sf-drag.vue')
    }, {
        path: '/drag-schema',
        component: () => import('../views/sf-schema.vue')
    }, {
        path: '/drag-layout',
        component: () => import('../views/sf-layout-drag.vue')
    }, {
        path: '/ws',
        component: () => import('../views/ws/ws.vue')
    }, {
        path: '/drag-position',
        component: () => import('../views/drag-position/test1.vue')
    }, {
        path: '/grids',
        component: () => import('../views/grids/test1.vue')
    }, {
        path: '/test',
        component: () => import('../views/test.vue')
    }, {
        path: '/test1',
        component: () => import('../views/test/test1.vue')
    }
]

const router = new VueRouter({
    routes
})

export default router
